<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>编辑求租</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/s_base.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/s_style.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/s_valide.css" />
	</head>
	<style>
		.rent_content>div>div.cell_main.clearfix>a.right.right_info>div.right_mid>p:nth-child(1) {
			white-space: nowrap;
		}
		
		.alertMsg {
			opacity: 0;
			position: fixed;
			z-index: -1;
			width: 100%;
			bottom: 10%;
			left: 0;
			text-align: center;
			transition: opacity 0.5s;
		}
		
		.alertMsg.on {
			opacity: 1;
			z-index: 999;
		}
		
		.alertMsg span {
			padding: 0.15rem 0.25rem;
			border-radius: 0.5em;
			background-color: rgba(0, 0, 0, 0.4);
			color: #fff;
			font-size: 0.18rem;
		}
		
		.icon-icon {
			line-height: 44px;
			font-size: 0.2rem;
			margin-left: 16px;
		}
	</style>

	<body>
		<!--主页面-->
		<div class="main_content">
			<!--发布求租-->
			<div class="release_lease" style="display:inline-block;">
				<form id=fbqzForm action="" method="post">
					<ul class="content-list">
						<!--区域-->
						<div class="content-list-more rel1">
							<div class="more-title" data-name="quyu">
								<i class="iconfont icon-diqu"></i> 区域
								<span class="release_city cur_release_city" id="first_release_city">西安</span>
								<span class="release_city">成都</span>
								<span class="release_city">郑州</span>
								<span class="release_city">武汉</span>
							</div>
							<ul class="more-list xian_wrap clearfix">
								<li class="cur-more-list">不限</li>
								<li>新城区</li>
								<li>碑林区</li>
								<li>莲湖区</li>
								<li>灞桥区</li>
								<li>未央区</li>
								<li>雁塔区</li>
								<li>阎良区</li>
								<li class="end_li">临潼区</li>
								<li class="end_li">长安区</li>
								<li class="end_li">其它区</li>
							</ul>
							<ul class="more-list cd_wrap clearfix">
								<li class="cur-more-list">不限</li>
								<li>锦江区</li>
								<li>青羊区</li>
								<li>金牛区</li>
								<li>武侯区</li>
								<li>成华区</li>
								<li>龙泉驿区</li>
								<li>青白江区</li>
								<li class="end_li">新都区</li>
								<li class="end_li">温江区</li>
								<li class="end_li">其它区</li>
							</ul>
							<ul class="more-list zz_wrap clearfix">
								<li class="cur-more-list">不限</li>
								<li>中原区</li>
								<li>二七区</li>
								<li>管城回族区</li>
								<li>金水区</li>
								<li>上街区</li>
								<li>惠济区</li>
								<li>中牟县</li>
								<li>巩义市</li>
								<li>荥阳市</li>
								<li>新密市</li>
								<li>新郑市</li>
								<li class="end_li">登封市</li>
								<li class="end_li">郑东新区</li>
								<li class="end_li">高新区</li>
								<li class="end_li">其它区</li>
							</ul>
							<ul class="more-list wh_wrap clearfix">
								<li class="cur-more-list">不限</li>
								<li>江岸区</li>
								<li>江汉区</li>
								<li>硚口区</li>
								<li>汉阳区</li>
								<li>武昌区</li>
								<li>青山区</li>
								<li>洪山区</li>
								<li>东西湖区</li>
								<li>汉南区</li>
								<li>蔡甸区</li>
								<li>江夏区</li>
								<li class="end_li">黄陂区</li>
								<li class="end_li">新洲区</li>
								<li class="end_li">其他区</li>
							</ul>
						</div>
						<!--月租-->
						<div class="content-list-more rel2">
							<div class="more-title" data-name="yuezu">
								<i class="iconfont icon-fq_xiaoshoudingjia"></i> 月租
							</div>
							<ul class="more-list clearfix">
								<li class="cur-more-list">不限</li>
								<li>100以下</li>
								<li>1000~1500</li>
								<li>1500~2000</li>
								<li>2000~2500</li>
								<li>2500~3000</li>
								<li>3000~3500</li>
								<li>3500~4000</li>
								<li class="end_li">4000~5000</li>
								<li class="end_li">4500~5000</li>
								<li class="end_li">5000以上</li>
							</ul>
						</div>
						<!--户型-->
						<div class="content-list-more rel3">
							<div class="more-title" data-name="huxing">
								<i class="iconfont icon--huxing"></i>户型
							</div>
							<ul class="more-list clearfix">
								<li class="cur-more-list">不限</li>
								<li>1室1厅</li>
								<li>2室1厅</li>
								<li>2室2厅</li>
								<li>3室1厅</li>
								<li>3室2厅</li>
								<li>4室1厅</li>
								<li>4室2厅</li>
								<li class="end_li">5室或以上</li>
								<li class="end_li">别墅</li>
							</ul>
						</div>
						<!--房龄-->
						<div class="content-list-more rel4">
							<div class="more-title" data-name="fangling">
								<i class="iconfont icon-xiaoqu"></i> 房龄
							</div>
							<ul class="more-list clearfix">
								<li class="cur-more-list">不限</li>
								<li>2年以下</li>
								<li>2~5年</li>
								<li>5~10年</li>
								<li class="end_li">10年以上</li>
							</ul>
						</div>
						<!--楼层-->
						<div class="content-list-more rel5">
							<div class="more-title" data-name="louceng">
								<i class="iconfont icon-loucengpinleipinpaipaiming"></i> 楼层
							</div>
							<ul class="more-list clearfix">
								<li class="cur-more-list">不限</li>
								<li>1层</li>
								<li>7层以下</li>
								<li>8~12层</li>
								<li class="end_li">12层以上</li>
							</ul>
						</div>
						<!--面积-->
						<div class="content-list-more rel6">
							<div class="more-title" data-name="mianji">
								<i class="iconfont icon-mianji"></i>面积
							</div>
							<ul class="more-list  clearfix">
								<li class="cur-more-list">不限</li>
								<li>50m²以下</li>
								<li>50~70m²</li>
								<li>50~70m²</li>
								<li>70~90m²</li>
								<li>90~110m²</li>
								<li>110~130m²</li>
								<li>130~150m²</li>
								<li class="end_li">150m²以上</li>
							</ul>
						</div>
						<!--装修-->
						<div class="content-list-more rel7">
							<div class="more-title" data-name="zhuangxiu">
								<i class="iconfont icon-zhuangxiu"></i> 装修
							</div>
							<ul class="more-list clearfix">
								<li class="cur-more-list">不限</li>
								<li>豪华</li>
								<li>精装</li>
								<li>中装</li>
								<li class="end_li">简装</li>
								<li class="end_li">毛坯</li>
							</ul>
						</div>
						<div class="more-bottom">
							<div class="more-bottom-center clearfix">
								<p class="release_reset">重置</p>
							</div>
						</div>
						<div class="content-list-more more5">
							<div class="more-title">
								<i class="iconfont icon-xiangqing"></i> 详情描述
							</div>
							<div class="textarea_wrap">
								<textarea name="des" rows="" cols="" placeholder="限200字" datatype="*" nullmsg="请填写详细描述！" maxlength="200">{$vo.des}</textarea>
							</div>

						</div>
					</ul>
					<!--个人信息-->
					<div class="personinfo_content">
						<div class="nogap_cell clearfix">
							<p>
								<i class="iconfont icon-xingming"></i>
								<span>姓名</span>
							</p>
							<p>
								<input type="text" name="name" id="" value="{$vo.name}" placeholder="请输入姓名" datatype="*" nullmsg="请输入姓名！" />
							</p>
						</div>
						<div class="nogap_cell clearfix">
							<div class="theme_text">
								<i class="iconfont icon-zhaopian"></i>
								<span>添加微信二维码（选填）</span>
							</div>
							<div class="clearfix">
								<div class="imgmain_container clearfix code_wrap">
                                     <php>$erweiimg1=explode('|',$vo['erwei'])</php>
                                   <volist name="erweiimg1" id="s">
                                    <div style="position:relative;" class="new_img eds"><i class="iconfont icon-guanbi" onclick="imgRem(this);"></i><img src="{$s}" data-url="{$s}">
                                    </div>
                                    </volist>
									<div class="upimg_box left">
										<i class="iconfont icon-jiahao1"></i>
										<input type="file" name="" id="house_img"  multiple="multiple" />
										<input type="hidden" class="i_id" value="{$vo.erwei}" name="erwei">
									</div>
									<if condition="$vo['erweiimg1'] neq NULL">
									<p class="img_note">(建议添加，方便对方联系)</p>
                                    </if>

								</div>
							</div>
						</div>
						<div class="nogap_cell clearfix">
							<p>
								<i class="iconfont icon-kehudianhua"></i>
								<span>手机号</span>
							</p>
							<p>
								<input type="number" name="phone" id="phone" value="{$vo.phone}" placeholder="请输入手机号" datatype="*" nullmsg="请输入手机号！" class="phone_code" />
							</p>
						</div>
						<div class="nogap_cell clearfix">
							<p>
								<i class="iconfont icon-anquan2"></i>
								<span>验证码</span>
							</p>
							<p>
								<input type="number" name="vertify_code" id="vertify_code" value="" placeholder="请输入验证码" datatype="*" nullmsg="请输入验证码！" class="code_input" />
								<b class="theme_text send_code">发送验证码</b>
							</p>
						</div>
						<input type="submit" class="submit" value="立即发布" />
					</div>
					<div id="inputVal"></div>
				</form>
			</div>

		</div>
		<input type="hidden" name="bulid" id="bulid" value="1" data-svcurl="{:U('Wechat/Webzhuan/zulinfan')}">
		<input type="hidden" name="type" id="type" value="1">
		<script type="text/html" id="chuzulist">
			{{ if(!!data){ }} {{ for(var i=0;i
			<data.length;i++){ }} <div class="house_cell">
				{{ var list=data[i]; }}
				<div class="cell_main clearfix">
					<a class="left avatar_wrap" href="index.html">
						<img src="{{=list.headimg}}" class="avatar">
						<p>{{=list.name}}</p>
					</a>
					<a class="right right_info" href="/index.php?g=Wechat&m=webcont&a=zulin&id={{=list.id}}">
						<div class="right_top">
							<span>{{=new Date(list.time*1000).Format("MM-dd hh:mm:ss")}}</span>
							<!--                    <span class="time">10:00</span>-->
							<span class="right">
                <i class="iconfont icon-liulan"></i>
                <span>{{=list.read}}次</span>
							</span>
						</div>
						<div class="right_mid">
							<p>
								区域:
								<span>{{=list.quyu}}</span>
							</p>
							<p class="spacing">
								户型:
								<span>{{=list.huxing}}</span>
							</p>
						</div>
						<div class="right_bot">
							<p>
								面积:
								<span>{{=list.mianji}}</span>
							</p>
							<p class="spacing">
								月租:
								<span>{{=list.yuezu}}</span>
							</p>
						</div>
					</a>
				</div>
				<div class="cell_bot" {{ if(getCountDown(list.time)=="已失效" ){ }} style="color:#666; {{ } }}">
					{{=getCountDown(list.time)}}
				</div>
				</div>
				{{ } }} {{ } }}
		</script>
		<div class="alertMsg">
			<span></span>
		</div>
	</body>
	<script src="__ROOT__/public/webapp/js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/Validform_v5.3.2_min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/template.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/s_common.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$.fn.pageType = function(name, add) {
			$(this).on("click", function() {
				var index = $(this).index() - 0 + 1;
				if(add) {
					index = ($(this).index() - 0 + 1) % 2 == 0 ? 2 : 1;
				}
				$("input#" + name).val(index);
			});
		}
		$(".rent_nav_first p").pageType("bulid", 1);
		$(".rent_nav_sec p").pageType("type");
		$(".lease_nav_sec p").pageType("type");
		//验证码
		fsTime.init({
			class: ".send_code",
			input: ".phone_code",
			code: ".code_input",
			num: 60
		});
		$("input[type=file]").imgupload();
        var domjson={
            chengshi:"{$vo.chengshi}",
            quyu:"{$vo.quyu}",
            yuezu:"{$vo.yuezu}",
            huxing:"{$vo.huxing}",
            fangling:"{$vo.fangling}",
            louceng:"{$vo.louceng}",
            mianji:"{$vo.mianji}",
            zhuangxiu:"{$vo.zhuangxiu}"
        };
        var getJson=function(jso){
            var f={};
            $.each(jso,function(n,k){
                if(k!="null"){
                   f[n]=k;
                 }
            });
            return f;
        }
        var domClick=function(domjson){
            $("[data-name]").not("[data-name=quyu]").each(function(i,v){
                var key=$(v).attr("data-name");
                $.each(getJson(domjson),function(n,k){
                    if(n==key){
                       $(v).parent().find("ul").find("li").each(function(si,sv){
                       if($(sv).text()==k){
                           $(sv).trigger("click");
                       }
                  });
                }
              });
            });
            if(domjson["chengshi"]){
               $("[data-name=quyu]").find("span").each(function(i,v){
                    if($(v).text()==domjson["chengshi"]){
                        $(v).trigger("click");
                    }
               });
            }
            if(domjson["quyu"]){
               $("[data-name=quyu]").parent().find("li").each(function(i,v){
                    if($(v).text()==domjson["quyu"]){
                        $(v).trigger("click");
                    }
               });
            }
            
        }
        domClick(domjson);
	</script>

</html>

